body {
    width: 100%;
    height:100%;
}
.logo{
	width:100%;
	height:98px;
	background-color:#0e3578;   
}
.logo2{
  width:1331px;
 height:98px;
   margin:0 auto;
}
.logo1{
	width:449px;
	height:98px;
	float:left;
}
.logo1 img{
	width:449px;
	height:98px;
}
.tell{
	width:236px;
	height:98px;
	float:left;
        margin-left:15px;
}

.menu{
	width:631px;
	height:98px;
       position:relative;
       z-index:99;
      float:left;
}

.menu ul{
	width:656px;
   height:98px;
	list-style: none;
	margin:0 auto;
position:relative;
}

.menu ul li{
   width:82px;
   height:63px;
   float:left;    
 color:#ffffff;
text-align: center;
   padding-top:35px;
position:relative;
left:0px;
}

.menu ul li:hover{
  background-color:#164da7;
    color:#ffffff;

}

.menu ul li a{
	 text-decoration:none;
	 color:#ffffff;
	 font-style: '微软雅黑';
	 font-size: 15px;
}
.menu ul li a:hover{
     color:#ffffff;


}

.menu ul li ul {display:none;padding-top:0px;}
/* specific to non IE browsers */
.menu ul li:hover a { color:#ffffff; display:block; }/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; top:30px;px;width:130px;}
.menu ul li:hover ul li { width:130px;height:42px;background:#67ace1; color:white;}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:43px; padding:0px !important;}
.menu ul li:hover ul li a {display:block; background:#67ace1; color:white;line-height:35px; height:52px; font-size:14px; font-weight:normal; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover {  background-color: #0a64a9;color:white;}/******子栏目 背景变色*********/
.product{
   width:100%;
   height:722px;
   background:#ffffff;
  margin:0 auto;
}
.banner2{
 width:1919px;
 height:154px;
}
.prleft{
   width:217px;
  height:440px;
  float:left;
   border:3px solid #1da74b;
border-radius:15px;
}
.protitle{
   width:1220px;
  height:161px;
 margin:0 auto;
}
.protitle img{
  width:1220px;
  height:161px;
}
.promenu{
width:1199px;
  height:96px;
 margin:0 auto;
 text-align:center;
}
.promenu ul{
  width:614px;
 height:57px;
 margin:0 auto;
 list-style:none;
padding-left:35px;
padding-top:10px;
}

.promenu ul li{
  width:190px;
 height:43px;
background-color:#e5e5e5;
 float:left;
 margin-right:10px;
 padding-top:15px;
 color:#000000;
}
.promenu ul li:hover{
background-color:#cd2c2c;
 color:#ffffff;
}
.prright{
   width:1220px;
  height:562px;
  margin:0 auto;
}

.prtop{
  width:855px;
  height:44px;
  background-color:#f0f0f0;
}

.protl{
  width:199px;
  height:44px;
  float:left;
 margin-left:22px;
}

.protr{
  width:100px;
  height:44px;
  float:right;
  margin-top:10px;
}
 .protr:hover{
  color:#c81624;
}

.prbuttom{
  width:877px;
  height:450px;
 overflow:hidden;
}

.prdoucts{
   width:284px;
    height:272px;
   float:left;
  margin-right:28px;
 overflow:hidden;
}

.proimg{
  width:284px;
 height:196px;
}

.proimg img{
width:284px;
 height:196px;
}
.proimg1{
   width:272px;
 height:142px;
background-color:black;
opacity:0.4;
margin-top:-221px;
padding-top:40px;
display:none;
}
.proimg1 img{
   width:272px;
 height:82px;
 margin:0 auto;

display:none;
}
.prdoucts:hover .proimg1{
   display:block;
}
.prdoucts:hover .proimg1 img{
   display:block;
}
.protitles{
  width:284px;
  height:66px;
  padding-top:10px;
  text-align:center;
 color:#000000;
}
.protitles1{
width:284px;
 height:116px;
  padding-top:80px;
  text-align:center;
 color:#ffffff;
 background-color:#000000;
 opacity:0.6;
margin-top:-196px;
display:none;
}
.prdoucts:hover .protitles1{
 display:block;
}
.prdoucts:hover .protitles{
 display:none;
}
.jj{

	width:100%;

	height:542px;

}



.jjtitle{

	width:1220px;

	height:176px;
     margin:0 auto;
}


.jjtitle img{

	width:1220px;

	height:176px;
}




.jjtitle2{

	width:154px;

	height:41px;

	text-align: center;

	float:left;

	color:white;

	padding-top:10px;

	margin-left:7px;

}



.jjtitle2:hover{

	border:1px solid #7a2629;

	color:#c52b32;

}



.jjcontent{

	width:1220px;

	height:305px;
        background-color:#27a9f4;
         margin:0 auto;
	margin-top:23px;
}



.jjpic{

	width:353px;

	height:313px;

	float:left;
        margin-top:-31px;
        margin-left:14px;
}
.jjpic img{

	width:353px;

	height:313px;

}
.jjtitle1{
   width:734px;
  height:60px;
   text-align:left;
  padding-top:25px;
  color:#000000;
  margin-left:15px;
  font-size:20px;
font-weight:normal;
}

.jjtext{

	width:802px;

	height:268px;

	color:#ffffff;

	float:left;
        margin-left:8px;
}



.jjtext1{

	width:767px;

	height:188px;
       text-indent:25px;
       font-size:13px;
     line-height:30px;
    margin-left:20px;
    margin-top:29px;
}



.jjmore{

	width:163px;

	height:34px;
background-color:#076298;
text-align:center;
 margin-top:16px; 
 padding-top:10px;
padding-left:5px;
 color:#ffffff;
}


.anli{

	width:100%;

	height:413px;

	background-color: #f1f1f1;

	margin:0 auto;
	

}

  

.anlititle{

	width:1199px;

	height:100px;

	margin:0 auto;



}

.anlititle img{

 width:1199px;

	height:100px;

 }

.anlimenu{

	width:1230px;

	height:71px;

	

}



.anlimenu ul{

	width:1230px;

	height:71px;

	list-style: none;

	overflow: hidden;

	

}



.anlimenu ul li{

	width:95px;

	height:33px;

	float:left;

	margin-left:24px;

	color:white;

	 border-top-left-radius: 20px;

    border-top-right-radius: 20px;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;

text-align: center;

 padding-top:6px;

 

}



.anlimenu ul li:hover{

	background-color:#ad1f27;

}

.bigbox{width:1199px;

	height:315px;
        

      margin:0 auto;

        overflow:hidden;

}

.smallboxone,.smallboxtwo{width:1199px;

	height:315px;
             float:left;

             margin:0px 0px;

             padding:0px 0px;			 

			 }
.bigbox1{width:1197px;

	height:215px;

        

      margin:0 auto;

        overflow:hidden;

}

.smallboxone1,.smallboxtwo1{width:1197px;

	height:240px;
             float:left;

             margin:0px 0px;

             padding:0px 0px;			 

			 }
.anlicontent1{

	width:2398px;

	height:240px;

	margin:0 auto;

	overflow: hidden;

        



}



.anli2{

	width:227px;

	height:218px;

	

	float:left;

	margin-right:12px;

	margin-top:25px;

    overflow: hidden;

    position: relative;

}



.anli2 div img{

  width:225px;

  height:165px;

}



.title1{

	width:225px;

	height:41px;

	margin:0 auto;

	text-align: center;
	padding-top:10px;
        color:#505050;
	

}








.ry{
   width:1903px;
 height:373px;
 background-color:#f0f0f0;
padding-top:35px;
}
.rytitle{
 width:1233px;
height:64px;
margin:0 auto;

}
.rytitlel{
  width:216px;
 height:43px;
 float:left;
 margin-left:23px;
}
.rymore{
  width:130px;
 height:33px;
 float:right;
border:1px solid #d22e01;
color:#d22e01;
text-align:center;
padding-top:10px;
margin-right:93px;
}
.jtl{
  width:63px;
 height:187px;
 float:left;
 background-image:url('../images/jtl.jpg') ;
margin-left:310px;
margin-top:18px;
}
.jtl:hover{
   background-image:url('../images/jtl1.jpg') ;
}
.jtr{
  width:63px;
 height:187px;
 float:right;
 background-image:url('../images/jtr.jpg') ;
margin-right:342px;
margin-top:18px;
}
.jtr:hover{
   background-image:url('../images/jtr1.jpg') ;
}

.rycontent{
  width:2246px;
 height:253px;
margin:0 auto;

}

.ry1{
   width:242px;
  height:232px;
float:left;
 margin-top:19px;
 margin-left:38px;
}


.ry1:hover .title1{
 background-color:#d42f02;
  color:#ffffff;
}
.ryimg{
     width:245px;
  height:187px;
}
body .product-wrapper {
    width: 100%;
    background-color: #fff;
}
body .product-wrapper .product-item {
    width: 1200px;
    margin: 60px auto;
}
body .product-wrapper .product-item .title-left {
    width: 172px;
}
body .product-wrapper .product-item .title-left ul li {
    width: 100%;
    height: 40px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 4px;
}
body .product-wrapper .product-item .title-left ul li a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}
body .product-wrapper .product-item .title-left ul li a i {
    float: right;
    line-height: 40px;
    margin-right: 10px;
}
body .product-wrapper .product-item .title-left ul li:hover {
    background-color: #e7f3ff;
}
body .product-wrapper .product-item .title-left ul li:hover a {
    color: #1e63b9;
}
body .product-wrapper .product-item .item-right {
    width: 1000px;
}
body .product-wrapper .product-item .item-right ul li {
    width: 230px;
    float: left;
    border: 1px solid #e6e6e6;
    box-sizing: content-box;
    padding: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
}
body .product-wrapper .product-item .item-right ul li img {
    width: 230px;
    height: 156px;
}
body .product-wrapper .product-item .item-right ul li p {
    width: 100%;
    text-align: center;
    margin-top: 3px;
}
body .product-wrapper .product-item .item-right ul li:hover {
    border: 1px solid #04267d;
}
.news{



	width:100%;



	height:658px;



	background-color:#ffffff; 



}

.newstitle{
 width:1220px;
 height:178px;
 margin:0 auto;
}

.newstitle img{
 width:1220px;
 height:178px;
}

.newscontent{

  width:1220px;

 height:401px;
 margin:0 auto;
}

.newsleft{

  width:449px;

 height:384px;

  float:left;
margin-top:17px;
position:relative;

}

.newspic{

 width:449px;

 height:259px;
}

.newstext{

  width:449px;

 height:125px;

}

.newstextr{

  width:449px;

 height:28px;
color:#27a9f4;
padding-top:2px;
margin-top:10px;
font-size:15px;
}
.newsr{
 width:498px;
 height:99px;
 float:left;
 margin-left:17px;
}
.newsright{

  width:728px;

 height:401px;

 float:left;
 margin-left:36px;
 margin-top:17px;
}

.news1{

	width:693px;

	height:115px;
        float:left;

	margin-right:51px;

    margin-left:33px;

    margin-bottom:19px;

}



.newss{

	width:174px;

	height:114px;

	float:left;
}
.newss img{

	width:174px;

	height:114px;
}

.newsb{

	width:498px;

	height:99px;

	float:left;

       margin-top:10px;

}






.newsti{

     width:369px;

     height:29px;

    color:#27a9f4;

   font-size:16px;



}

.newsimg{
 width:120px;
 height:83px;
 float:left;
}

.newsimg img{
 width:120px;
 height:83px;
}
.newsm{

  width:449px;

  height:72px;

  margin-top:8px;

 color:#949494;

  font-size:15px;

}


.newsm1{

  width:498px;

  height:72px;

 color:#949494;

  font-size:14px;

}


.newsmore{

	width:175px;

	height:40px;

	border:1px solid #ad130b;

	

margin:0 auto;

  color:#ad130b;

  text-align: center;

  padding-top:13px;

  margin-top:16px;

}



.year{

   width:70px;

  height:42px;

color:#7f8180;

  text-align:center;

font-size:30px;


}




.month{

  width:71px;

  height:19px;

color:#7f8180;

  text-align:center;

font-size:26px;

}
body .footer {

    width: 100%;

    height: 86px;

    background-color: #21a7f4;
    padding-top:20px;
}

body .footer .footer-content {

   

    width: 1174px;

    height: 32px;

    margin: 0 auto;


    display: flex;

    justify-content: center;

}

body .footer .footer-content .nav-list {

    float: left;

   margin-left:0px;

}

body .footer .footer-content .nav-list li {

     width:99px;

 height:31px;

    float: left;
text-align:center;
}

body .footer .footer-content .nav-list li a {

    padding: 0 20px;
       border-left: 2px solid #d5dbe6;
    color: #d8dadc;

    font-size:12px;
   margin-left:-10px;
} 

body .footer .footer-content .nav-list li:first-child a {

    border-left: none;

}



.footl{

   width:100%

   height:168px;

}

.footb{

   width:auto;

   height:16px;

  margin-left:35px;

  color:#787878;

  font-size:13px;

}

.about{



	width:132px;



	height:160px;



	margin-left:360px;



	float:left;



}







.address{



	 width:1218px;

 height:37px;

	color:#d8dadc;

        line-height:30px;

      font-size:13px;
   
}







.ewm{



	width:262px;



	height:129px;



	float:right;



	margin-right:372px;



	color:#9c9c9c;



	font-size: 13px;



	text-align: center;



}







.bq{

  width:1220px;

  height:74px;
  margin:0 auto;
  text-align:center;
 color:#ffffff;

font-size:12px;

 line-height:25px;

}



.bqtop{

 width:1218px;

 height:37px;
color:#d8dadc;
}



.bqbottom{

 width:1218px;

 height:37px;
color:#d8dadc;

}

.js{

 width:1218px;

 height:27px;

color:#d8dadc;
}